<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>tile</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="js/bootstrap.js" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

<div class="row">

<div class="span4">
<form class="well form-inline">

<div class="control-group input-prepend input-append">
<span class="help-inline">型号:</span>
<input type="text" class="span1" placeholder="k123456">
</div>

<div class="control-group input-prepend input-append">
<ul class="thumbnails">
  <li class="span3">
    <a href="#" class="thumbnail">
    <img src="img/bootstrap-mdo-sfmoma-01.jpg" alt="">
    </a>
    </li>
</ul>
</div>

<div class="control-group input-prepend input-append">
<span class="help-inline">尺寸:</span>
<input type="text" class="input-mini span1" placeholder="宽"><span class="add-on">mm</span>
<i class="icon-remove"></i>
<input type="text" class="span1" placeholder="高"><span class="add-on">mm</span>
</div>

<div class="control-group input-prepend input-append" >
<span class="help-inline">材质:</span>
<select class="span2">
<option>请选择</option>
<option>大理石</option>
<option>水磨石</option>
<option>花岗岩</option>
<option>木质</option>
</select>
</div>

<div class="control-group ">
<span class="help-inline">价格:</span>
<input type="text" readonly class="span1" placeholder="100">
</div>


<button type="submit" class="btn-mini">Submit</button>
</form>
</div>

</div>
</html>
